<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<title>metaio SDK Tutorials</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
	<div class="content">
		<div class="metaio-logo">
			<h1>Basic Tutorials</h1>
			<a href="https://dev.metaio.com/"><img src="images/logo_metaio.png"/></a>
		</div>
		<div style="clear: both"></div>

		<ul class="tutorials-list">
			<li>
				<div>
					<a href="tutorial1.html">
						<img alt="Tutorial 1" src="images/tutorial1_thumbnail.png"/>
						<span>1. Hello World</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial2.html">
						<img alt="Tutorial 2" src="images/tutorial2_thumbnail.png"/>
						<span>2. Content Types</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial3.html">
						<img alt="Tutorial 3" src="images/tutorial3_thumbnail.png"/>
						<span>3. Tracking Samples</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial4.html">
						<img alt="Tutorial 4" src="images/tutorial4_thumbnail.png"/>
						<span>4. Dynamic Models</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial5.html">
						<img alt="Tutorial 5" src="images/tutorial5_thumbnail.png"/>
						<span>5. Location-based AR</span>
					</a>
				</div>
			</li>
		</ul>

		<h1>Advanced Tutorials</h1>

		<ul class="tutorials-list">
			<li>
				<div>
					<a href="tutorial6.html">
						<img alt="Tutorial 6" src="images/tutorial6_thumbnail.png"/>
						<span>6. Instant Tracking</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial7.html">
						<img alt="Tutorial 7" src="images/tutorial7_thumbnail.png"/>
						<span>7. Interactive Furniture</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial8.html">
						<img alt="Tutorial 8" src="images/tutorial8_thumbnail.png"/>
						<span>8. Visual Search</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial10.html">
						<img alt="Tutorial 10" src="images/tutorial10_thumbnail.png"/>
						<span>10. Dynamic Lighting</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial11.html">
						<img alt="Tutorial 11" src="images/tutorial11_thumbnail.png"/>
						<span>11. Custom Shading</span>
					</a>
				</div>
			</li>
			<li>
				<div>
					<a href="tutorial12.html">
						<img alt="Tutorial 12" src="images/tutorial12_thumbnail.png"/>
						<span>12. Edge Based Initialization</span>
					</a>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>